<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Boot WMS</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> 
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> 
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css"> 
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">  
	<div id="test1"></div> 
	<div id="test2"></div>
    
    <ul class="navbar-nav ml-auto"> 
		<div id="test3"></div> 
		<div id="test4"></div>
		<li class="nav-item">
		  <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
		    <i class="fas fa-th-large"></i>
		  </a>
		</li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <aside class="main-sidebar sidebar-dark-primary elevation-4">
  	<div id="logo1"></div> 
    <div class="sidebar">
		<div id="user1"></div>
		<nav class="mt-2">
			 <ul class="nav nav-pills nav-sidebar flex-column" 
			 	 data-widget="treeview" 
			 	 role="menu" 
			 	 data-accordion="false">
			 	<div id="menu1"></div> 
		 	 </ul>
		</nav>
  	</div> 
  </aside>  

  
  <div class="content-wrapper">
  	<!-- 主区域标题 -->
    <section class="content-header">
   		<!-- 盘点库存 -->
      <div class="container-fluid">
      	<div class="row mb-2">

      		<div class="col-sm-9">
      			<h1 class="m-0 text-dark">
   						盘点库存
      		  </h1>
      		</div>

      		<div class="col-sm-1">
      			<button type="button"
      				class="btn btn-block btn-primary"
      				onclick = "queryIVNCHK()"
      			>查询</button>
      		</div>

      		<div class="col-sm-2">
      			<ol class="breadcrumb float-sm-right">
	   					<li class="breadcrumb-item"><a href="./index.html">主页</a></li>
	   					<li class="breadcrumb-item active">盘点库存</li> 
      			</ol>
      		</div>

      	</div>
   		</div>
    </section>

    <section class="content">
    	<div class="card">
    		<div class="card-header">
    			<h3 class="card-title">盘点查询选项</h3>
    		</div>

    		<div class="card-body">
    			<div class="card" id="queryIVNCHK">
    				<form action="" name="post_form" id="post_form" role="form">
    				
    					<div class="row">
    						
								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位ID</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位ID</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位ID</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位ID</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

    					</div>

    				</form>
    			</div>
    		</div>
    	</div>

    	<div class="card">

	    	<div class="card-header">
	    		<h3 class="card-title">盘点列表</h3>
	    	</div>

	    	<div class="card-body">
	    		<div id="jsGrid1"></div>
	    	</div>

    	</div>

    </section>

  </div>

</div>  
  
<div id="footer"></div>
  
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
</body>
<script type="text/javascript">
  
	
	(function($){
	  'use strict'
		console.log("start");

		localStorage.setItem("menuId", 4);
		//$("#mainHeader").load("mainHeader1.html");
		$("#test1").load("test1.html");
		$("#test2").load("test2.html");
		$("#test3").load("test3.html");
		$("#test4").load("test4.html");
		$("#logo1").load("logo1.html");
		$("#user1").load("user1.html");
		$("#menu1").load("menu1.html");
		$("#footer").load("foot.html");

		initialData();
		initTableData();
    
    //$.modal.msg("initTableData");

	})(jQuery);


	function initialData(){
		

		setTimeout(function () { 
			console.log("initialData changeActive3333");
			changeMenuActive(1);
        },1000);
	}

	function initTableData(){
		console.log("initTableData");

	}


  $(document).ready(function () {
  	console.log("ready")
  });



	$(window).on('load', function() {
	  	console.log("load")
		
	});
/*

// 自定义打印页面模板
function printPageBuilder(table) {
	return `
	<html>
	  <head>
	  <style type="text/css" media="print">
	  @page {
	    size: auto;
	    margin: 25px 0 25px 0;
	  }
	  </style>
	  <style type="text/css" media="all">
	  table {
	    border-collapse: collapse;
	    font-size: 12px;
	  }
	  table, th, td {
	    border: 1px solid grey;
	  }
	  th, td {
	    text-align: center;
	    vertical-align: middle;
	  }
	  p {
	    font-weight: bold;
	    margin-left:20px;
	  }
	  table {
	    width:94%;
	    margin-left:3%;
	    margin-right:3%;
	  }
	  div.bs-table-print {
	    text-align:center;
	  }
	  </style>
	  </head>
	  <title>Print Table</title>
	  <body>
	  <div class="bs-table-print">${table}</div>
	  </body>
	</html>`
}
*/  
</script>
</html>